/**
 * Created by Administrator on 2016/8/5.
 */
$(function(){
    //显示登录注册页面
    $('.head-logo').click(function(){
        $('#shade').show();
        $('#logo').show();
    });
    $('.logoHead-icon').click(function(){
        $('#shade').hide();
        $('#logo').hide();
        $('#logoIn').hide();
    });
    $('.head-logoIn').click(function(){
        $('#shade').show();
        $('#logoIn').show();
    });

//    表单注册
    var reg = /^1[3|4|5|8][0-9]\d{4,8}$/;
    var use = /^[\u4e00-\u9fa5a-zA-Z0-9]{2,14}$/;
    var pass = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
    $('#phone').blur(function(){
        if(!$('#phone').val()){
            $('#logoIn .tishi1').hide();
            $('#logoIn .tishi2').show().html('手机号不能为空').css('color','red');
        }else if(!reg.test($('#phone').val())){
            $('#logoIn .tishi1').hide();
            $('#logoIn .tishi2').show().html('请输入正确格式的手机号码').css('color','red');
        }else{
            $('#logoIn .tishi1').hide();
            $('#logoIn .tishi2').show().html('输入正确').css('color','green');
        }
    });
    $('#user').blur(function(){
        if(!$('#user').val()){
            $('#logoIn .tishi3').hide();
            $('#logoIn .tishi4').show().html('用户名不能为空').css('color','red');
        }
        else if(!use.test($('#user').val())){
            $('#logoIn .tishi3').hide();
            $('#logoIn .tishi4').show().html('用户名必须为2-14个字符：英文、数字或中文').css('color','red');
        }else{
            $('#logoIn .tishi3').hide();
            $('#logoIn .tishi4').show().html('输入正确').css('color','green');
        }
    });
    $('#passwordOne').blur(function(){
        if(!$('#passwordOne').val()){
            $('#logoIn .tishi5').hide();
            $('#logoIn .tishi6').show().html('密码不能为空').css('color','red');
        }
        else if(!pass.test($('#passwordOne').val())){
            $('#logoIn .tishi5').hide();
            $('#logoIn .tishi6').show().html('密码必须为6-20个字符(区分大小写)').css('color','red');
        }else{
            $('#logoIn .tishi5').hide();
            $('#logoIn .tishi6').show().html('输入正确').css('color','green');
        }
    });
    $('#passwordTwo').blur(function(){
        if(!$('#passwordTwo').val()){
            $('#logoIn .tishi7').hide();
            $('#logoIn .tishi8').show().html('请再次输入密码').css('color','red');
        }
        else if($('#passwordOne').val() != $('#passwordTwo').val()){
            $('#logoIn .tishi7').hide();
            $('#logoIn .tishi8').show().html('两次密码输入不一致').css('color','red');
        }else{
            $('#logoIn .tishi7').hide();
            $('#logoIn .tishi8').show().html('输入正确').css('color','green');
        }
    });
    $('#submit').click(function(){
        if(!$('#logoIn input').val()){
            $('#logoIn .tishi1').hide();
            $('#logoIn .tishi2').show().html('手机号不能为空').css('color','red');
            $('#logoIn .tishi3').hide();
            $('#logoIn .tishi4').show().html('用户名不能为空').css('color','red');
            $('#logoIn .tishi5').hide();
            $('#logoIn .tishi6').show().html('密码不能为空').css('color','red');
            $('#logoIn .tishi7').hide();
            $('#logoIn .tishi8').show().html('两次密码输入不一致').css('color','red');
        }
    });
});